<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html" charset="utf-8"/>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta og:title="<sdfaf" />
    <title>Title</title>
    <style>
        .input {
            width: 100%;
            height: 600px;
            border: 1px solid #f40;
        }

    </style>
</head>
<body>

<div class="input">


</div>
<script src="lib/jquery-3.5.1.js"></script>
<script>
    $(".input").on("paste", function (e) {
        //console.log(e);
        let clipboardData = e.clipboardData || e.originalEvent.clipboardData;
        console.log(clipboardData);

        console.log(clipboardData.items);
        for (let i = 0; i < clipboardData.items.length; i++) {
            let item = clipboardData.items[i];
            console.log('item:', item);
            if (item.kind === "string" || item.type.indexOf("text") !== -1) {
                item.getAsString(function (str) {
                    console.log('item-data-string:', str);
                });
                continue;
            }
            if (item.kind === "file") {
                let file = item.getAsFile();
                if (file) {
                    console.log('item-data-file:', file);
                }
            }
        }

    })
</script>
</body>
</html>